@charset "utf-8";


@media screen and (max-width:1200px)
{
.hexpert02 { display:none}


.anlibg .abiaoti .shuoming { width:40%;}


.sjal { margin:auto; max-width:1200px;padding:30px 0px 0px 0px; overflow:hidden;display: block}
.sjal ul {max-width:1280px; overflow:hidden;}
.sjal li {float:left; width:23.2%; padding:0px 0px 0px 0px; margin:0 1.7% 0 0; text-align:center;  background-image: linear-gradient(to left , #0b7bc3, #17c5a1);  }
.sjal li img{  display:block; margin:0 auto 0px auto; width:100%; }
.sjal li a,.sjal li a:link,.sjal li a:visited{ font-size:14px; display:block; text-align:center; padding:0px 0 0px 0; text-decoration:none; line-height:50px;color:#FFFFFF;height:36px; overflow:hidden;}
.sjal li a:hover {color:#fff; }
}







/*<=1023px*/
@media screen and (max-width:1024px)
{

header .logo{ padding-top:1%;}

.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:90px; padding:0% 2%;}


.mainbanner {height:400px;}

.aboutus .more { display:none}

.positioninfo{font-size:20px;}


}

/*<=1002px*/
@media screen and (max-width:1002px)
{
.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:90px; padding:0% 1.8%;}
}

/*<=920px*/
@media screen and (max-width:920px)
{
.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:90px; padding:0% 1.5%;}

.anlibg .abiaoti .shuoming { width:60%;}




}


@media screen and (max-width:860px)
{
	
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; }
header .logo{float:left; padding:0; margin:0; width:30%;}
header .logo img { width:100%;}

header .wapnav{display:block; float:right; width:8%; margin-top:4%;}	
header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }	

header .headright { clear:both; width:100%; overflow:hidden;}

.mainnav{display:none; }

/*主导航*/
.mainnav{float:left;width:100%; padding:0px 0 0 0; text-align:right; background:#02ad69;}
.mainnav a,.mainnav a:link,.mainnav a:visited { clear:both; width:100%;line-height:32px; text-align:center;color:#fff; font-size:16px;text-decoration:none; border-bottom:1px solid #1dc07f}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color: #fff; font-weight:bold;}

.nav{ display:none}


.mainbannerpage{}
.mainbanner {height:360px;}




.aboutus .content{ line-height:26px; font-size:14px; color:#333; margin:1% 0 0 0; padding:3% 0% 3% 0%; height:120px; overflow:hidden;}

.news{  float: none; width:94%; margin:0 auto; overflow:hidden; padding-top:45px;}
.chanpin { float: none; width:94%; margin:0 auto; overflow:hidden; padding-top:45px;}


.yqlink { display:none}
.dcontact { float:left; width:40%;}


/*手机案例*/
.sjal li {float:left; width:48%; margin:1%;  padding:0px 0px 0px 0px; text-align:center; }


/*内页*/
.left{clear:both; width:100%;overflow:hidden; padding:0 0%; margin:0 auto;}
.right{clear:both; width:98%; margin:0 auto; padding:0 1%; background:#FFF;}


.menu1 h2{ display:none}	
.menu1 a { float:left;padding:0px 3%; margin:5px; text-align:center;}


.menucp h2{ display:none}	
.menucp a { float:left; width:46%;margin:5px; text-align:center;}

.leftcp { display:none}


.gs_list ul li{ float:left; width:45%; text-align:center; margin-top:15px; margin:0 0 1% 3%; }
.gs_list ul li img { width:100%; }




.product_list ul li{float:left; width:48%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}


.product_view img{ width:100%;}


.case_listimg ul li{float:left; width:48%; margin:1%; text-align:center; line-height:36px; overflow:hidden;}
.case_listimg  .titlebt { background-color:rgba(23,197,161,0.8); color:#fff; width:46%; position:absolute; margin-top:-36px; display:block;}

/*.footmenu{ display:none;}*/



}



@media screen and (max-width:768px)

{
.mainbanner {height:300px;}	



/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}




.product_list ul li{ float:left; width:48%; padding:5px 1% 10px 1%;}

.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}

.zz_list ul li{ float:left;width:44%; padding:5px 1% 5px 1%;}

.info_list ul li{ float:left; width:44%; padding:5px 1% 5px 1%;}


/*产品：左图右字*/
.product_list dl{ clear:both; width:95%; margin-top:20px; border:1px solid #f1f1f1; padding:2%; overflow:hidden;}
.product_list dl dt{ float:none; margin:0 auto; width:98%;}
.product_list dl dt img { width:100%;}
.product_list dl dd{ float:none; margin:0 auto; width:98%;  line-height:21px;}
.product_list dl strong{ font-size:18px; line-height:32px;}
.product_list dl div.summary{ line-height:20px; font-size:14px;}


}


@media screen and (max-width:640px)
{

header .logo{ float:left; width:30%;}
header .wapnav{display:block; float:right; width:14%; margin-top:2%;}	

.mainbanner {height:200px}	

.aboutus{float: none; width:94%; margin:0 auto; overflow:hidden;}
.about_pic { display:none}
.about_nr{ margin:0 auto;  width:94%; float:right;}
.aboutus .content{ margin-bottom:4%;}
.honer {  float: none; width:94%; margin:0 auto; background:#17c5a1;}

.nepro { background:none; }

.news{  float: none; width:94%; margin:0 auto; overflow:hidden; padding-top:25px;}
.nptitle { text-align:center; margin-bottom:10px;}
.magic-tab-head ul { float:left; width:100%; text-align:center;}
.magic-tab-body dl dt{ float:left; width:32%;}
.magic-tab-body dl dd{ float:right; width:65%; line-height:26px; margin:0% 0 0 0;}

.cptitle { height:35px; width:80%; margin:auto;}
.cptitle ul {}
.cptitle li { float:left; width:31%}


.chanpin { float: none; width:94%; margin:0 auto; overflow:hidden; padding-top:25px;}







.menu1{ overflow:hidden; text-align:center; margin:20px auto 0px auto; padding-top:20px; }
.menucp { padding-top:20px; } 




.dcontact { display:none;}
.derweima { float:none; margin:0 auto; width:40%; }
.derweima ul { background:url(images/bian.png) no-repeat; overflow:hidden; padding:3% 0% 4% 10%; }


}


@media screen and (max-width:480px)
{
.dingbubox { display:none}

header .logo{ float:left; width:33%;}
header .wapnav{display:block; float:right; width:10%; margin-top:2%;}	
header .wapnav img{padding:5px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }

.mainbanner {height:170px}	
.positioninfobox { display:none}


.info_listxw dl dt{ display:none}
/*.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms;}*/
.info_listxw dl dd{ clear:both; width:98%;position:relative; padding:0px 1%;}

.case_listimg ul li{float:none; margin:4% auto; width:96%; text-align:center; line-height:36px; overflow:hidden;}
.case_listimg  .titlebt { background-color:rgba(23,197,161,0.8); color:#fff; width:92%; position:absolute; margin-top:-36px; display:block;}


.menu1{ overflow:hidden; text-align:center; margin:0px auto 0px auto; }
.menu1 a {color:#000000; width:47%; line-height:30px; margin:5px; padding:0%;}

.menucp{ overflow:hidden; text-align:center; margin:0px auto 0px auto; border:1px solid red }
.menucp a {color:#000000; width:47%; line-height:0px; margin:5px; padding:0%;}






.derweima { float:none; margin:0 auto; width:63%; }
.derweima p { display:none}

.copyright { line-height:21px; padding:3% 0;}



}



@media screen and (max-width:360px)
{

.dingbubox p { display:none}
/*主导航*/
.youshi ul li .ys_shuoming{ font-size:14px; margin:0px 0 15px 0;}
.youshi ul li p{ font-size:12px; line-height:21px;}

.mainbanner {height:150px;}	

.wappro a{  font-size:14px; }

.menucp{margin:20px auto 0px auto; }
.menucp h2{ display:none}	
.menucp a { float:left; width:46%;margin:5px; text-align:center; font-size:13px;}

.derweima { float:none; margin:0 auto; width:77%;}


}